﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<fmt:setBundle basename="ApplicationMessage" />

<!DOCTYPE html>
<html lang="zh-CN">
<head>

  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>

</head>

<body class="ihg-theme-draft">

  <%@ include file="/WEB-INF/include/header.jsp"%>
  <jsp:include page="/WEB-INF/include/submenu-session.jsp">
    <jsp:param name="currentUrl" value="${ctx.host}/sessions/${session.id}" />
  </jsp:include>

  <div class="container-fluid ihg-container has-ihg-sidemenu">

    <div class="ihg-breadcrumb">
      <ol class="breadcrumb border-breadcrumb">
        <li class="active"><fmt:message key="assessor.430" /></li>
      </ol>
      <div class="pull-right">
        <c:set var="urlParam" value="subgroup=${subgroup}"/>
        <a href="${ctx.host}/sessions/${session.id}/peer-calibrations?${not empty subgroup ? urlParam : ''}" style="color: #155CB2; font-size: 16px;"><<&nbsp;<fmt:message key="assessor.376" /></a>
      </div>
    </div>

    <div class="ihg-content-layout" style="margin-top: 20px;">

      <form class="form-horizontal ms-form" role="form" action="${ctx.host}/sessions/${session.id}/peer-calibrations/${sessionCalibration.id}/recommendation-submit" method="POST" style="margin-top: 30px;" data-validate="true" data-redirect="${ctx.host}/sessions/${sessionCalibration.session.id}/peer-calibrations">
        <input type="hidden" name="_method" value="PATCH">
        <div class="readiness-wrap" style="padding: 0 15px;">
          <div class="form-group" style="margin-bottom: 0px; font-size: 16px; color: #737072;">
            <div class="col-xs-2"><fmt:message key="assessor.432" /></div>
            <div class="col-xs-4"><fmt:message key="assessor.431" /></div>
            <div class="col-xs-6"><fmt:message key="assessor.433" />&nbsp;&nbsp;<a href="${ctx.host}/sessions/${session.id}/peer-calibrations/comment-example" data-target="#example" data-toggle="modal"><fmt:message key="assessor.480" /></a></div>
          </div>
          
          <div class="form-group">
            <div class="col-xs-2">
              <h6 class="readiness-title"><fmt:message key="assessor.435" /></h6>
            </div>
            <div class="col-xs-4">
              <h6 class="readiness-title"><fmt:message key="assessor.434" /></h6>
            </div>
            <div class="col-xs-6">
              <h6 class="readiness-title">
                <fmt:message key="assessor.436" />
                <a href="${ctx.host}/sessions/${session.id}/peer-calibrations/${sessionCalibration.id}/exercises" data-toggle="modal" data-target="#list-exercise" class="pull-right"><fmt:message key="assessor.roleplay.exercise" /></a>
              </h6>
            </div>
          </div>
          
          <div class="col-xs-6">
            <div class="form-group readiness-gruop ${sessionCalibrationRecommendation.simpleHotel ? 'active' : ''}">
              <div class="col-xs-4" data-toggle="popover" data-trigger="focus" data-placement="right" title="tips" data-content="Select at least 1 hotel">
                <label>
                  <input type="checkbox" name="simpleHotel" value="true" ${sessionCalibrationRecommendation.simpleHotel ? 'checked' : ''} ${justView ? 'disabled' : ''}><fmt:message key="assessor.440" />
                </label>
              </div>
              <div class="col-xs-8 hotel-item">
                <select name="simpleHotelResult" class="form-control select2" ${justView ? 'disabled' : ''}>
                  <option value=""></option>
                  <option value="READY_NOW" ${not empty sessionCalibrationRecommendation.simpleHotelResult ? sessionCalibrationRecommendation.simpleHotelResult.readyNow ? 'selected' : '' : ''}><fmt:message key="assessor.437" /></option>
                  <option value="SIX_MONTH" ${not empty sessionCalibrationRecommendation.simpleHotelResult ? sessionCalibrationRecommendation.simpleHotelResult.sixMonth ? 'selected' : '' : ''}><fmt:message key="assessor.441" /></option>
                  <option value="TWELVE_MONTH" ${not empty sessionCalibrationRecommendation.simpleHotelResult ? sessionCalibrationRecommendation.simpleHotelResult.twelveMonth ? 'selected' : '' : ''}><fmt:message key="assessor.442" /></option>
                  <option value="EIGHTEEN_MONTH" ${not empty sessionCalibrationRecommendation.simpleHotelResult ? sessionCalibrationRecommendation.simpleHotelResult.eighteenMonth ? 'selected' : '' : ''}><fmt:message key="assessor.443" /></option>
                  <option value="NOT_READY" ${not empty sessionCalibrationRecommendation.simpleHotelResult ? sessionCalibrationRecommendation.simpleHotelResult.notReady ? 'selected' : '' : ''}><fmt:message key="assessor.444" /></option>
                </select>
              </div>
            </div>
            <div class="form-group readiness-gruop ${sessionCalibrationRecommendation.averageHotel ? 'active' : ''}">
              <div class="col-xs-4"  data-toggle="popover" data-trigger="focus" data-placement="right" title="tips" data-content="Select at least 1 hotel">
                <label><input type="checkbox" name="averageHotel" value="true" ${sessionCalibrationRecommendation.averageHotel ? 'checked' : ''} ${justView ? 'disabled' : ''}> <fmt:message key="assessor.439" /></label>
              </div>
              <div class="col-xs-8 hotel-item">
                <select name="averageHotelResult" class="form-control select2" ${justView ? 'disabled' : ''}>
                  <option value=""></option>
                  <option value="READY_NOW" ${not empty sessionCalibrationRecommendation.averageHotelResult ? sessionCalibrationRecommendation.averageHotelResult.readyNow ? 'selected' : '' : ''}><fmt:message key="assessor.437" /></option>
                  <option value="SIX_MONTH" ${not empty sessionCalibrationRecommendation.averageHotelResult ? sessionCalibrationRecommendation.averageHotelResult.sixMonth ? 'selected' : '' : ''}><fmt:message key="assessor.441" /></option>
                  <option value="TWELVE_MONTH" ${not empty sessionCalibrationRecommendation.averageHotelResult ? sessionCalibrationRecommendation.averageHotelResult.twelveMonth ? 'selected' : '' : ''}><fmt:message key="assessor.442" /></option>
                  <option value="EIGHTEEN_MONTH" ${not empty sessionCalibrationRecommendation.averageHotelResult ? sessionCalibrationRecommendation.averageHotelResult.eighteenMonth ? 'selected' : '' : ''}><fmt:message key="assessor.443" /></option>
                  <option value="NOT_READY" ${not empty sessionCalibrationRecommendation.averageHotelResult ? sessionCalibrationRecommendation.averageHotelResult.notReady ? 'selected' : '' : ''}><fmt:message key="assessor.444" /></option>
                </select>
              </div>
            </div>
            <div class="form-group readiness-gruop ${sessionCalibrationRecommendation.complexHotel ? 'active' : ''}">
              <div class="col-xs-4" data-toggle="popover" data-trigger="focus" data-placement="right" title="tips" data-content="Select at least 1 hotel">
                <label><input type="checkbox" name="complexHotel" value="true" ${sessionCalibrationRecommendation.complexHotel ? 'checked' : ''} ${justView ? 'disabled' : ''}> <fmt:message key="assessor.438" /></label>
              </div>
              <div class="col-xs-8 hotel-item">
                <select name="complexHotelResult" class="form-control select2" ${justView ? 'disabled' : ''}>
                  <option value=""></option>
                  <option value="READY_NOW" ${not empty sessionCalibrationRecommendation.complexHotelResult ? sessionCalibrationRecommendation.complexHotelResult.readyNow ? 'selected' : '' : ''}><fmt:message key="assessor.437" /></option>
                  <option value="SIX_MONTH" ${not empty sessionCalibrationRecommendation.complexHotelResult ? sessionCalibrationRecommendation.complexHotelResult.sixMonth ? 'selected' : '' : ''}><fmt:message key="assessor.441" /></option>
                  <option value="TWELVE_MONTH" ${not empty sessionCalibrationRecommendation.complexHotelResult ? sessionCalibrationRecommendation.complexHotelResult.twelveMonth ? 'selected' : '' : ''}><fmt:message key="assessor.442" /></option>
                  <option value="EIGHTEEN_MONTH" ${not empty sessionCalibrationRecommendation.complexHotelResult ? sessionCalibrationRecommendation.complexHotelResult.eighteenMonth ? 'selected' : '' : ''}><fmt:message key="assessor.443" /></option>
                  <option value="NOT_READY" ${not empty sessionCalibrationRecommendation.complexHotelResult ? sessionCalibrationRecommendation.complexHotelResult.notReady ? 'selected' : '' : ''}><fmt:message key="assessor.444" /></option>
                </select>
              </div>
            </div>
          </div>
          <div class="col-xs-6">
            <textarea style="width: 100%;" data-validate="required" rows="10" name="comment" ${justView ? 'disabled' : ''}>${sessionCalibrationRecommendation.comment}</textarea>
          </div>
        </div>

        <div class="form-group">
          <div class="col-xs-12 text-right">
            <button type="submit" class="btn btn-success  x-btn"><fmt:message key="assessor.407" /></button>
          </div>
        </div>
      </form>
    </div>

  </div>
  
  <div class="modal fade validate-modal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document" style="position: absolute; top: 50%; left: 50%; margin-top: -150px; margin-left:-250px; width: 500px; height: 200px;">
      <div class="modal-content">
        <div class="modal-body" style="height: 150px;">
          <p style="font-size: 18px; text-align: center; line-height: 125px; color: #c00000;">对应所选项的值内容，不能为空</p>
        </div>
      </div>
    </div>
  </div>
  <%@ include file="/WEB-INF/include/footer.jsp"%>
  <%@ include file="/WEB-INF/include/script.jsp"%>
  <d:resource root="${ctx.resource}/build" type="script" src="js/page/session/during/report-finalizing/assessor/report-finalizing-overall-comments.js" />
  <script type="text/javascript">
    require( [ 'page/session/during/report-finalizing/assessor/report-finalizing-overall-comments' ], function ( page ) {
      page.init();
    })
  </script>
    
</body>
</html>

